<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超级管理员审批</title>
    <link href="/css/reset.css" rel="stylesheet" type="text/css" />
    <link href="/css/superManager.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.8.3.js"></script>
</head>
<body>
<script>
    //传递所要删除用户的id去后台
    function deleteUser(user_id){
        var msg=confirm("确认删除吗？")
        if(msg){
            $.ajax({
                url:'/deleteUser',
                type:'POST',
                data:{
                    userid:user_id
                }
            })
            setTimeout(function (){
                window.location.reload()
            },500)
        }else{
            return
        }
    }

    //传递所要更新的用户id去后台
    function addUser(user_id){
        var msg=confirm("确认添加该管理员吗？")
        if(msg){
            $.ajax({
                url:'/addUser',
                type:'GET',
                data:{
                    userid:user_id
                }
            })
            setTimeout(function (){
                window.location.reload()
            },500)
        }else{
            return
        }
    }

    //传递所要更新的用户id去后台
    function cancelUser(user_id){
        var msg=confirm("确认取消该管理员吗？")
        if(msg){
            $.ajax({
                url:'/cancelUser',
                type:'GET',
                data:{
                    userid:user_id
                }
            })
            setTimeout(function (){
                window.location.reload()
            },500)
        }else{
            return
        }
    }
</script>
<!--头部-->
<header>
    <div class="backIndex" onclick="location='index.html'">
        <img src="images/backIndex.png" alt="返回首页">
        <h2>返回首页</h2>
    </div>
    <div class="title">超级管理员页面</div>
    <div class="button">
        <button th:text="${session.user.getUsername()}"></button>
        <a class="nav-link" th:href="@{/doLogout}">注销</a>
    </div>
</header>


<!--表格区-->
<div class="tableContainer">
    <!--管理员表格-->
    <h2>管理员管理</h2>
    <div class="items">
        <ul class="title1">
            <li>用户名</li>
            <li>身份</li>
            <li>学号/教职工号</li>
            <li>电话</li>
            <li class="method">操作</li>
        </ul>

        <ul th:each="user,state:${managerList}">
            <li th:text="${user.username}"></li>
            <li>管理员</li>
            <li th:text="${user.usernum}">201911701645</li>
            <li th:text="${user.useriphone}">110</li>
            <li class="method">
                <button title="取消管理员" th:href="@{/cancelUser}" onclick="cancelUser(this.value)" th:value="${user.userid}">取消管理员</button>|
                <button title="删除" th:href="@{/deleteUser}" onclick="deleteUser(this.value)" th:value="${user.userid}">删除</button>
            </li>
        </ul>
    </div>


    <!--普通用户表格-->
    <h2>普通用户管理</h2>
    <div class="items">
        <ul class="title1">
            <li>用户名</li>
            <li>身份</li>
            <li>学号/教职工号</li>
            <li>电话</li>
            <li class="method">操作</li>
        </ul>

        <ul th:each="user,state:${userList}">
            <li th:text="${user.username}"></li>
            <li>普通用户</li>
            <li th:text="${user.usernum}">201911701645</li>
            <li th:text="${user.useriphone}">110</li>
            <li class="method">
                <button title="添加管理员"  th:href="@{/addUser}" onclick="addUser(this.value)" th:value="${user.userid}">添加管理员</button>|
                <button title="删除" th:href="@{/deleteUser}" onclick="deleteUser(this.value)" th:value="${user.userid}">删除</button>
            </li>
        </ul>
    </div>
</div>

</body>
</html>